<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>流程查询</title>
    <link rel="stylesheet" href="__VENDOR__/css/head.css">
    <link rel="stylesheet" href="__VENDOR__/css/foot.css">
    <link rel="stylesheet" href="__VENDOR__/css/demand.css">
    <script src="__VENDOR__/js/jquery-1.12.2.js"></script>
    <script src="__VENDOR__/js/ajax.js"></script>
</head>
<body style="background: #f6f6f6">
<div id="head"></div>

<div class="demand_content" >
    <div class="demand_div">
        <div class="demand_div1">
            <img src="__VENDOR__/img/1.jpg" alt="">
            <span>流程查询</span>
        </div>
    </div>

    <div class="flow">
        <div class="flow_fl">
            <ul class="flow_ul">
                <foreach name="data" item="row" key="k">
                    <li class="<if condition='$k eq 0'>sev</if>"><a title="{{$row['name']}}">{{$row['name']}}</a></li>
                </foreach>
            </ul>
        </div>
        <foreach name="data" item="row" key="k">
            <div class="flow_fr <if condition='$k eq 0'>active</if>">
                {{:htmlspecialchars_decode($row['content'])}}
            </div>
        </foreach>
        <div style="clear:both"></div>
    </div>

</div>
<div id="foot"></div>
<script>
    $('.flow_ul li').click(function () {

        var i=$(this).index();
        $(this).addClass('sev').siblings().removeClass('sev');
        $('.flow_fr').eq(i).addClass('active').siblings().removeClass('active');
    })
</script>
</body>
</html>